<div>
	<yu-panel title="作业信息">
		<yu-xform related-table-name="refTable" form-type="search" v-model="searchFormdata">
			<yu-xform-group :column="4">
				<yu-xform-item label="节点IP" placeholder="节点IP" ctype="input" name="nodeIp"></yu-xform-item>
				<yu-xform-item label="节点" placeholder="节点" ctype="input" name="nodeId"></yu-xform-item>
				<yu-xform-item label="核心别名" placeholder="核心别名" ctype="input" name="coreId"></yu-xform-item>
				<yu-xform-item label="代理名称" placeholder="代理名称" ctype="input" name="agentId"></yu-xform-item>
				<yu-xform-item label="状态" placeholder="状态" ctype="select" name="decide" :options="decides"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<yu-xtable ref="refTable" row-number :data-url="dataUrl" selection-type="radio">
			<yu-xtable-column label="节点IP" prop="nodeIp">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.nodeIp}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.nodeIp}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.nodeIp}}</span>
				</template>
			</yu-xtable-column>
			<yu-xtable-column label="核心别名" prop="coreId">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.coreId}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.coreId}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.coreId}}</span>
				</template>
				
				
			</yu-xtable-column>
			<yu-xtable-column label="代理别名" prop="agentId" width="100">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.agentId}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.agentId}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.agentId}}</span>
				</template>
				
				
			</yu-xtable-column>
			<yu-xtable-column label="代理名称" prop="agentName" :show-overflow-tooltip="true" width="100">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.agentName}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.agentName}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.agentName}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="代理并发" prop="agentTask" width="80">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.agentTask}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.agentTask}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.agentTask}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="节点ID" prop="nodeId" width="80">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.nodeId}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.nodeId}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.nodeId}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="节点并发" prop="nodeTask" width="80">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.nodeTask}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.nodeTask}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.nodeTask}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="待处理" prop="allA" width="70">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.allA}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.allA}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.allA}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="等待中" prop="waiting" width="70">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.waiting}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.waiting}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.waiting}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="排队中" prop="queuing" width="70">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.queuing}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.queuing}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.queuing}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="运行中" prop="running" width="70">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.running}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.running}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.running}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="例外个数" prop="excep" width="80">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.excep}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.excep}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.excep}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="更新时间" prop="lastUpdate" width="80">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.lastUpdate}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.lastUpdate}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.lastUpdate}}</span>
				</template>
				
			</yu-xtable-column>
			<yu-xtable-column label="状态诊断" prop="decide" width="80">
				<template slot-scope="scope">
					<span style="color: #FF0000;"  v-if="scope.row.decide.trim() ==='Fail' || scope.row.decide.trim() ==='Warn'">{{ scope.row.decide}}</span>
					<span style="color: blue;"  v-if="scope.row.decide.trim() ==='Info'">{{ scope.row.decide}}</span>
					<span  v-if="scope.row.decide.trim() !=='Fail' && scope.row.decide.trim() !=='Warn' && scope.row.decide.trim() !=='Info'">{{ scope.row.decide}}</span>
				</template>
				
			</yu-xtable-column>
		</yu-xtable>

	</yu-panel>
	

</div>